<template xmlns:v-on="http://www.w3.org/1999/xhtml">
    <div id="app" class="management">
        <div class="userNav">
            <div>
                <div>
                    权限管理
                </div>
                <div class="userNavT">
                    <!--<div :class="{navSel:isNavSel = tempName.name == 0 ? true : false }">
                        账号管理
                    </div>
                    <div :class="{navSel:isNavSel = tempName.name == 1 ? true : false }">
                        角色管理
                    </div>
                    <div :class="{navSel:isNavSel = tempName.name == 2 ? true : false }">
                        资源管理
                    </div>-->
                </div>
            </div>
        </div>
        <div class="harnDeta">
            <transition name="slide-fade">
                <router-view keep-alive></router-view>
            </transition>
        </div>
    </div>
</template>
<script>
    import { mapActions, mapState } from 'vuex'
    export default {
        name: 'management',
        data() {
            return {
                isNavSel: true,
            }
        },
        computed: mapState(['tempName']),
        created: function () {
            var psthStr = this.$route.path.split('/')[3]
            console.log(psthStr)
        },
        filters: {
            tempFun: function (val) {
                switch (val) {
                    case 'account':
                        return '账号管理'
                        break;
                    case 'role':
                        return '角色管理'
                        break;
                    case 'resource':
                        return '资源管理'
                        break;
                    default:
                        break;
                }
            }
        },
        methods: {

        }
    }

</script>
<style scoped src="../../assets/css/roleResourse.css">

</style>